* {
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
}

.ComboBox, .HtmlEditor,
.Tree, .Calendar
{
	border: 2px inset ThreeDFace;
}

.ComboBox, .Slider {
	height: 21px;
	padding: 0px 0px 0px 0px;
}

.FileUpload,
.DropDownButton,
.BackwardButton,
.ForwardButton,
.Slider .Indicator
{
	border: 2px outset ButtonHighlight;
  	background-color: ButtonFace;
  	color: ButtonText;
}

.FileUpload-pressed,
.DropDownButton-pressed,
.BackwardButton-pressed,
.ForwardButton-pressed
{
	border-style: inset;
}

.Button,
.ComboBox .Edit,
.ComboBoxMenuItem,
.FileUpload, .Marquee,
.TabItem, .TabContentPane, .TreeItem,
.CalendarMenuItem,
.CalendarHeaderItem
{
	font-size: 13px;
	font-family: Sans-Serif;
}

.Button,
.FileUpload,
.TreeItem, .TabItem,
.ComboBoxMenuItem,
.CalendarMenuItem,
.CalendarMenuItem,
.CalendarHeaderItem
{
	cursor: default;
}

.ComboBox .Edit {
	left: 0px;
	top: 0px;
	height: 17px;
	padding-left: 3px;
	border: 0px;
}

.ComboBox .DropDownButton {
	width: 16px;
  	height: 17px;
  	background-image: url(images/ComboBox/arrow.gif);
  	background-repeat: no-repeat;
  	background-position: 2px 5px;
}

.ComboBox .DropDownButton-pressed {
	background-image: url(images/ComboBox/arrowd.gif);
	background-position: 1px 4px;
} 

.ComboBoxMenu {
	border: 1px solid black;
	background-color: Window;
	/**
	 * Hack for Internet Explorer 6.
	 * The following line emulates CSS rule max-height : 200px.
	 */
	height: expression((this.scrollHeight > 200) ? '200px' : this.scrollHeight + (this.offsetHeight - this.clientHeight));
	max-height: 200px;
}

.ComboBoxMenuItem {
	text-align: left;
	padding-left: 3px;
	padding-right: 5px;
}

.ComboBoxMenuItem-selected,
.ComboBoxMenuItem-highlight
{
	color: HighlightText;
	background-color: Highlight;
}

.Slider {
	background: url(images/Slider/horisontal.gif);
}

.Slider-vertical {
	width: 21px;
	background: url(images/Slider/vertical.gif);
}

.Slider .Indicator {
	width: 11px;
	height: 21px;
}

.Slider-vertical .Indicator {
	width: 21px;
	height: 11px;
}

.FileUpload {
	width: 81px;
	height: 23px;
	color: ButtonText;
	line-height: 18px;
	text-align: center;
}

.Marquee {
	width: 200px;
	height: 20px;
}

.ProgressBar {
	width: 195px;
	height: 15px;
	border: 1px inset ThreeDFace;
}

.ProgressBarItem {
	left: 1px;
	top: 1px;
	width: 7px;
	height: 11px;
	background-color: Highlight;
	margin-right: 1px;
}

.TabWindow {
	width: 400px;
	height: 400px;
}

.TabBar {
	top: 0px;
	width: 100%;
	height: 21px;
	border: none;
}

.TabItem,
.TabContentPane
{
	border: 2px outset Window;
	border-left: 1px solid Window;
	border-top: 1px solid Window;
	background-color: ThreeDFace;
}

.TabItem {
	left: 2px;
	top: 2px;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 0px;
}

.TabItem-selected {
	height: 21px;
	left: 0px;
	top: 0px;
	padding-left: 6px;
	padding-right: 6px;
}

.TabContentPane {
	top: -1px;
	width: 100%;
	height: 376px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Tree {
	width: 200px;
	height: 250px;
}

.SubTree {
	padding-left: 20px;
}

.TreeItem {
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(images/Tree/item.gif) no-repeat left center;
}

.TreeItem-selected .TreeItemText,
.CalendarMenuItem-highlighted,
.CalendarMenuItem-selected
{
	color: HighlightText;
	background-color: Highlight;
}

.TreeItem-expanded {
	background-image: url(images/Tree/item-expanded.gif);
}

.TreeItem-leaf {
	background-image: url(images/Tree/leaf.gif);
}

.Calendar {
	width: 179px;
	height: 142px;
}

.CalendarMonthList,
.CalendarYearList
{
	width: 87px;
}

.CalendarHeaderItem {
	background-color: InactiveCaption;
	color: CaptionText;
}

.CalendarHeaderItem,
.CalendarMenuItem
{
	width: 25px;
	text-align: center;
}

.CalendarMenuItem-grayed {
	color: GrayText;
}

.ScrollBar-vertical   { width: 16px; }
.ScrollBar-horisontal { height: 16px; }

.BackwardButton,
.ForwardButton
{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.ScrollBar-vertical .BackwardButton,
.ScrollBar-vertical .ForwardButton
{
	background-position: 2px 4px;
}

.ScrollBar-horisontal .BackwardButton,
.ScrollBar-horisontal .ForwardButton
{
	background-position: 3px 2px;
}

.ScrollBar-vertical .BackwardButton { background-image: url(images/ScrollBar/arrowup.gif); }
.ScrollBar-vertical .ForwardButton { background-image: url(images/ScrollBar/arrowdown.gif); }
.ScrollBar-horisontal .BackwardButton { background-image: url(images/ScrollBar/arrowleft.gif); }
.ScrollBar-horisontal .ForwardButton { background-image: url(images/ScrollBar/arrowright.gif); }

.ScrollBar .Slider {
	background-image: url(images/ScrollBar/background.gif);
}

.ScrollBar-vertical .Slider {
	background-repeat: repeat-y;
}

.ScrollBar-vertical .Slider,
.ScrollBar-vertical .Slider .Indicator
{
	width: 16px;
}

.ScrollBar-horisontal .Slider {
	background-repeat: repeat-x;
}

.ScrollBar-horisontal .Slider,
.ScrollBar-horisontal .Slider .Indicator
{
	height: 16px;
}

.Balloon {
	padding: 10px 10px 10px 10px;
	border: 1px solid #767676;
	background-color: #e4e4f0;
	max-width: 300px;
}

.Balloon-left	{ margin-left: 1px }
.Balloon-right	{ margin-left: -1px }
.Balloon-top	{ margin-top: 1px }
.Balloon-bottom	{ margin-top: -1px }

.BalloonTail {
	width: 21px;
	height: 21px;
	background: transparent;
}

.BalloonTail-left	{
	background-image: url(images/Balloon/tail-left.gif);
	margin-left: 5px;
	margin-top: 10px;
}

.BalloonTail-top	{
	background-image: url(images/Balloon/tail-top.gif);
	margin-left: 10px;
	margin-top: 5px;
}

.BalloonTail-right	{
	background-image: url(images/Balloon/tail-right.gif);
	margin-left: -5px;
	margin-top: 10px;
}

.BalloonTail-bottom	{
	background-image: url(images/Balloon/tail-bottom.gif);
	margin-left: 10px;
	margin-top: -5px;
}
